<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="../css/base.css">
	<style>
		/* 当前页面内部样式 */
		.db-search{
			margin: .3rem .4rem .2rem;
		}
		.db-movie-list{
			margin-bottom: 1rem;
		}
		.db-movie-list .mui-media-object{
			max-width: 1.4rem;
			width: 1.4rem;
			height: auto;
		}
		.db-movie-list .mui-media-body{
			font-size: .38rem;
			line-height: .5rem;
		}
		.db-movie-list .mui-media-body .mui-ellipsis span{
			color: #ff6464;
		}
	</style>
</head>
<body>
	<!-- 头部标题 -->
	<header class="mui-bar mui-bar-nav">
		<!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> -->
		<h1 class="mui-title">热映</h1>
	</header>
	
	<!-- 内容主容器 -->
	<div class="mui-content">
		
		<!-- 搜索框 -->
		<div class="mui-input-row mui-search db-search">
			<input type="search" class="mui-input-clear" placeholder="电影/电视剧/影人">
		</div>
		
		<!-- 图文电影列表 -->
		<ul class="mui-table-view mui-table-view-chevron db-movie-list">
			<li class="mui-table-view-cell mui-media">
				<a class="mui-navigate-right">
					<img class="mui-media-object mui-pull-left" src="../images/girl.png">
					<div class="mui-media-body">
						八佰
						<p class='mui-ellipsis'>剧情/战争 <span>8.5分</span></p>
						<p class='mui-ellipsis'>导演：管虎</p>
						<p class='mui-ellipsis'>主演：王千源/张泽</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a class="mui-navigate-right">
					<img class="mui-media-object mui-pull-left" src="../images/girl.png">
					<div class="mui-media-body">
						八佰
						<p class='mui-ellipsis'>剧情/战争 <span>8.5分</span></p>
						<p class='mui-ellipsis'>导演：管虎</p>
						<p class='mui-ellipsis'>主演：王千源/张泽</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a class="mui-navigate-right">
					<img class="mui-media-object mui-pull-left" src="../images/girl.png">
					<div class="mui-media-body">
						八佰
						<p class='mui-ellipsis'>剧情/战争 <span>8.5分</span></p>
						<p class='mui-ellipsis'>导演：管虎</p>
						<p class='mui-ellipsis'>主演：王千源/张泽</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a class="mui-navigate-right">
					<img class="mui-media-object mui-pull-left" src="../images/girl.png">
					<div class="mui-media-body">
						八佰
						<p class='mui-ellipsis'>剧情/战争 <span>8.5分</span></p>
						<p class='mui-ellipsis'>导演：管虎</p>
						<p class='mui-ellipsis'>主演：王千源/张泽</p>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a class="mui-navigate-right">
					<img class="mui-media-object mui-pull-left" src="../images/girl.png">
					<div class="mui-media-body">
						八佰
						<p class='mui-ellipsis'>剧情/战争 <span>8.5分</span></p>
						<p class='mui-ellipsis'>导演：管虎</p>
						<p class='mui-ellipsis'>主演：王千源/张泽</p>
					</div>
				</a>
			</li>
		</ul>
		
	</div>
	
	
	
</body>
</html>